@font-face{
	font-family: 'DIN';
	src: url(//s.thsi.cn/css/m/fonts/dinstock.ttf);
}
.vueBoxBack{
	background-color: #f5f5f5 !important;
}
.swiper-container{
	margin-top: 0.16rem;
	height: 3.6rem;
}
.swiper-slide{
	text-align: center;
	font-size: 0.24rem;
	width: 6.32rem;
	height: 3.2rem;
}
.swiper-wrapper{
	#slide-one{
		background-size: 100% 100%;
		background-image: url(../images/swiper1.png);
		position: relative;
		padding-top: 0.66rem;
		box-sizing: border-box;
		p:nth-child(1){
			font-size: 0.3rem;
			line-height: 0.3rem;
			height: 0.3rem;
			color: #fff;
		}
		p:nth-child(2){
			margin-top: 0.32rem;
			font-size: 0.64rem;
			line-height: 0.64rem;
			height: 0.64rem;
			color: #fff;
			font-family: 'DIN';
		}
		.swiper-limitup-one{
			position: absolute;
			left: 0.1rem;
			bottom: 0.1rem;
			height: 0.8rem;
			width: 98%;
			div{
				display: -webkit-box;
				display: box;
				-webkit-box-orient:horizontal;
				height: 0.8rem;
			    width: 100%;
				div{
					-webkit-box-flex:1;
					position: relative;
					i:nth-child(1){
						display: block;
						line-height: 0.8rem;
						width: 60%;
						height: 0.8rem;
						color: #fff;
						opacity: 0.6;
						font-size: 0.24rem;
						text-align: right;
					}
					i:nth-child(2){
						display: block;
						line-height: 0.8rem;
						width: 20%;
						height: 0.8rem;
						color: #fff;
						font-size: 0.28rem;
						text-align: left;
						padding-left: 0.16rem;
					}
				}
			}
		}
	}
	#slide-two{
		background-size: 100% 100%;
		background-image: url(../images/swiper2.png);
		position: relative;
		padding-top: 0.66rem;
		box-sizing: border-box;
		p:nth-child(1){
			font-size: 0.3rem;
			line-height: 0.3rem;
			height: 0.3rem;
			color: #fff;
		}
		p:nth-child(2){
			margin-top: 0.32rem;
			font-size: 0.64rem;
			line-height: 0.64rem;
			height: 0.64rem;
			color: #fff;
			font-family: 'DIN';
		}
		.swiper-limitup-two{
			position: absolute;
			left: 0.1rem;
			bottom: 0.12rem;
			height: 0.8rem;
			width: 98%;
			div{
				display: -webkit-box;
				display: box;
				-webkit-box-orient:horizontal;
				height: 0.8rem;
			    width: 100%;
				div{
					-webkit-box-flex:1;
					position: relative;
					i:nth-child(1){
						display: block;
						line-height: 0.8rem;
						width: 60%;
						height: 0.8rem;
						color: #fff;
						opacity: 0.6;
						font-size: 0.24rem;
						text-align: right;
					}
					i:nth-child(2){
						display: block;
						line-height: 0.8rem;
						width: 20%;
						height: 0.8rem;
						color: #fff;
						font-size: 0.28rem;
						text-align: left;
						padding-left: 0.16rem;
					}
				}
			}
		}
	}
}

.scroll_min{
	height: 0.72rem;
	padding-left: 0.32rem;
	background-color: #d1e3fb; 
	ul{
		height: 0.72rem;
		line-height: 0.72rem;
		width: 13.76rem;
		li{
			float: left;
			width: 6.88rem;
			color: #4691ee;
			height: 100%;
			font-size: 0.26rem;
			line-height: 0.72rem;
		}
	}
}

#na_title,#nb_title{
	margin-top: 0 !important;
}
.limitup_box{
	height: 4.2rem;
	width:100%;
	padding-top: 0.24rem;
	p:first-child{
		color: #323232;
		font-size: 0.34rem;
		text-align: center;
		font-weight: bold;
		i{
			color: #e93030;
			font-family: 'DIN';
		}
	}
	p:nth-child(2){
		color: #999;
		font-size: 0.28rem;
		text-align: center; 
		font-family: 'DIN';
		margin-top: 0.08rem;
	}
}
.limitup_title{
	height: 0.8rem;
	padding: 0 0.32rem;
	margin-top: 0.4rem;
	div{
		height: 100%;
		position: relative;
		i{
			display: inline-block;
			position: absolute;
			height: 0.24rem;
			width: 0.04rem;
			top: 0.28rem;
			left: 0;
			background-color: #e93030;
		}
		p{
			height: 0.8rem;
			line-height: 0.8rem;
			padding-left: 0.16rem;
			color: #323232;
			font-size: 0.28rem;
			font-weight: bold;
		}
	}
}
.limitup_hq{
	height: 2.56rem;
	padding: 0 0.32rem 0;
	.limitup_hq_div{
		display: -webkit-box;
		display: box;
		-webkit-box-orient:horizontal;
		height: 2.14rem;
		border-top: 1px solid #eeeeee;
		box-sizing: border-box;
		padding-top: 0.4rem;
		font-family: 'DIN';
		div{
			-webkit-box-align:justify;
			height: 100%;
			div{
				-webkit-box-orient:vertical;
			}
			div>p:nth-child(1){
				text-align: center;
				color: #323232;
				font-size: 0.26rem;
				width: 100%;
				height: 0.26rem;
				line-height: 0.26rem;
			}
			div>p:nth-child(2){
				margin-top: 0.16rem;
				color: #e93030;
				width: 100%;
				text-align: center;
				font-size: 0.32rem;
				font-family: 'DIN';
				height: 0.32rem;
				line-height: 0.32rem;
			}
		}
		.flex1{
			-webkit-box-flex:4;
			position: relative;
			div:first-child{
				position: absolute;
				top: 0;
				left: 0;
				width: 50%;
				height: 50%;
			}
			div:nth-child(2){
				position: absolute;
				top: 0;
				right: 0;
				width: 50%;
				height: 50%;
			}
			div:nth-child(3){
				position: absolute;
				bottom: 0;
				left: 0;
				width: 50%;
				height: 50%;
				p:nth-child(2){
					color: #009900 !important;
				}
			}
			div:nth-child(4){
				position: absolute;
				bottom: 0;
				right: 0;
				width: 50%;
				height: 50%;
				p:nth-child(2){
					color: #323232;
				}
			}
		}
		.flex2{
			-webkit-box-flex:3;
			margin-left: 0.32rem;
			display: -webkit-box;
			position: relative;
			.circle{
				position: absolute;
				height: 1.52rem;
				top: 0;
				width: 2.21rem;
				left: 50%;
				margin-left: -1.1rem;
			}
			.flex2_bottom{
				position: absolute;
				height: 0.2rem;
				line-height: 0.2rem;
				top: 1.6rem;
				left: 50%;
				margin-left: -1.105rem;
				text-align: right;
				color: #999;
				font-size: 0.2rem;
				width: 2.21rem;
				span:first-child{
					text-align: left;
					position: absolute;
					display: inline-block;
					left: 0;
					top: 0;
					height: 100%;
					width: 0.6rem;
				}
			}
			.circle_trd{
				position: absolute;
				width: 2.21rem;
				height: 0.24rem;
				top: 1.105rem;
				margin-top: -0.12rem;
				left: 50%;
				margin-left: -1.105rem;
				display: block;
				i{
					height: 0.24rem;
					width: 0.24rem;
					margin-left: -0.05rem;
					display: block;
					background-image: url(../images/transTop.png);
					background-size: 100% 100%;
					border-radius: 0.24rem;
					box-shadow: 0 0 0.04rem #999;
				}
			}
			.moneyone{
				position: absolute;
				display: block;
				height: 0.24rem;
				font-size: 0.24rem;
				line-height: 0.24rem;
				text-align: center;
				color: #666;
				width: 2rem;
				left: 50%;
				margin-left: -1rem;
				margin-top: 0.7rem;
			}
			.moneytwo{
				position: absolute;
				display: block;
				width: 2rem;
				left: 50%;
				margin-left: -1rem;
				height: 0.6rem;
				line-height: 0.6rem;
				font-size: 0.3rem;
				font-weight: bold;
				text-align: center;
				margin-top: 1.02rem;
				color: #e93030;
			}
		}
	} 
}
.background{
	background-color: #f5f5f5;
	height: 0.2rem;
	width: 100%;
}
.limitup_today{
	height: 1.99rem;
	padding: 0 0.32rem;
	.today_ac{
		border-top: 1px solid #eeeeee;
		box-sizing: border-box;
		.today_box{
			margin-top: 0.32rem;
			height: 1.26rem;
			display: -webkit-box;
			display: box;
			-webkit-box-orient:horizontal;
			.today_flex1,.today_flex2,.today_flex3{
				background-image: url(../images/today.png);
				width: 2.02rem;
				height: 1.01rem;
				display: -webkit-box;
			    display: box;
				-webkit-box-orient:vertical;
				background-size: 100% 100%;
				background-repeat: no-repeat;
				padding-top: 0.24rem;
				div{
					height: 100%;
					width: 100%;
					p:nth-child(1){
						text-align: center;
						font-size: 0.28rem;
						font-weight: bold;
						color: #323232;
						height: 0.32rem;
						line-height: 0.32rem;
					}
					p:nth-child(2){
						margin-top: 0.16rem;
						font-size: 0.28rem;
						text-align: center;
						color: #323232;
						height: 0.28rem;
						line-height: 0.28rem;
						i{
							color: #e93030 !important;
							margin-right: 0.08rem;
							font-family: 'DIN';
						}
					}
				}
			}
			.today_flex1{
				-webkit-box-flex:1;
			}
			.today_flex2{
				-webkit-box-flex:1;
				margin-left: 0.24rem;
			}
			.today_flex3{
				-webkit-box-flex:1;
				margin-left: 0.24rem;
			}
		} 
	}
}
.limitup_QKL{
	padding: 0 0.32rem;
	font-family: 'DIN';
	.qkl_box1,.qkl_box2{
		height: 1.96rem;
		display: -webkit-box;
		width: 100%;
		-webkit-box-orient:horizontal;
		border-top: 1px solid #eeeeee;
		div{
			width: 33.33%;
			text-align: center;
			-webkit-box-orient:vertical;
			padding-top: 0.32rem;
			p:first-child{
				color: #323232;
				font-size: 0.26rem;
				height: 0.26rem;
				line-height: 0.26rem;
				i{
					padding-left: 0.16rem;
					color: #e93030 !important;
				}
			}
			p:nth-child(2){
				font-size: 0.3rem;
				height: 0.3rem;
				line-height: 0.3rem;
				color: #323232;
				margin-top: 0.24rem;
			}
			p:nth-child(3){
				color: #323232;
				margin-top: 0.16rem;
				line-height: 0.36rem;
				height: 0.36rem;
				font-size: 0.36rem;
			}
		}
		div:first-child{
			border-right: 1px solid #eeeeee;
		}
		div:nth-child(2){
			border-right: 1px solid #eeeeee;
		}
	}
}
.list_title{
	height: 0.72rem;
	padding: 0 0.32rem;
	div{
		height: 100%;
		border-bottom: 1px solid #eeeeee;
		box-sizing: border-box;
		li{
			width: 25%;
			font-size: 0.26rem;
			line-height: 0.72rem;
			color: #999;
			float: left;
		}
		li:first-child{
			text-align: left;
		}
		li:nth-child(2){
			text-align: right;
		}
		li:nth-child(3){
			text-align: right;
		}
		li:nth-child(4){
			text-align: right;
		}
	}
}
.check_more{
	height: 0.8rem;
	width: 100%;
	text-align: center;
	color: #323232;
	font-size: 0.28rem;
	position: relative;
	span{
		width: 40%;
		height: 0.28rem;
		display: block;
		position: absolute;
		font-size: 0.28rem;
		left: 50%;
		margin-left: -20%;
		top: 50%;
		margin-top: -0.14rem;
		text-align: center;
		line-height: 0.28rem;
	}
	i{
		width: 0.12rem;
		height: 0.2rem;
		display: inline-block;
		position: absolute;
		top: 0.28rem;
		right: 2.8rem;
		background-size: 100% 100%;
		background-image: url(../images/forward.png);

	}
}
.background_bottom{
	height: 1.48rem;
	width: 100%;
	background-color: #f5f5f5;
}
.limitup_tab{
	display: -webkit-box;
	-webkit-box-orient:horizontal;
	border-top: 1px solid #eeeeee;
	height: 0.98rem;
	background-color: #fff;
	box-sizing: border-box;
	div{
		-webkit-box-flex:1;
		text-align: center;
		-webkit-box-orient:vertical;
		position: relative;
		p{
			position: absolute;
			left: 0;
			top: 0.66rem;
			font-size: 0.2rem;
			width: 100%;
			height: 0.2rem;
			line-height: 0.2rem;
		}
	}
	div:nth-child(1)>i{
		position: absolute;
		left: 50%;
		margin-left: -0.24rem;
		top: 0.12rem;
		display: inline-block;
		width: 0.48rem;
		height: 0.48rem;
		background-size: 100% 100%;
		background-image: url(../images/growing.png);
	}
	div:nth-child(2)>i{
		position: absolute;
		left: 50%;
		margin-left: -0.24rem;
		top: 0.12rem;
		display: inline-block;
		width: 0.48rem;
		height: 0.48rem;
		background-size: 100% 100%;
		background-image: url(../images/grow2.png);
	}
	div:nth-child(3)>i{
		position: absolute;
		left: 50%;
		margin-left: -0.24rem;
		top: 0.12rem;
		display: inline-block;
		width: 0.48rem;
		height: 0.48rem;
		background-size: 100% 100%;
		background-image: url(../images/grow3.png);
	}

}
.growoneRed{
	i{
		background-image: url(../images/growing_red.png) !important;
	}
	p{
		color: #e93030 !important;
	}
}

.growtwoRed{
	i{
		background-image: url(../images/grow2_red.png) !important;
	}
	p{
		color: #e93030 !important;
	}
}

.growthreeRed{
	i{
		background-image: url(../images/grow3_red.png) !important;
	}
	p{
		color: #e93030 !important;
	}
}



.bottom_fixed_wrap{
	opacity: 0;
	border-top: 1px solid #eeeeee;
	position: fixed;
	width: 100%;
	height: 0.98rem;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
}
#my_zixuan{
	div{
		ul:last-child{
			border-bottom: 1px solid #eeeeee;
			box-sizing: border-box;
		}
		ul:first-child{
			border-top: none !important;
		}
	}
}
#nb_title,#nc_title{
	margin-top: 0 !important;
}
.qkl_onstock_box{
	padding: 0 0.32rem;
	div{
		height: 1.96rem;
		width: 100%;
		line-height: 1.96rem;
		font-size: 0.32rem;
		color: #323232;
		text-align: center;
	}
}